.shared {
  color: red;
}
.item-bg{
    /* 引入图片 */
    background-size: 85% 90%;
    /* 设置图片的大小 */
    background-repeat: no-repeat;
    position: fixed;
    left: 11.5%;
    top: 4%;
    /* 固定定位 */
    width: 100%;
    /* 视口宽度 */
    height: 100%;
}
.icon {
  position: absolute;
  width: 3%;
  height: 10%;
  left: 3%;
  top: 40%;

  img {
    max-width: 100% !important;
    height: 90% !important;
    width: 100%;
  }
}

.icon1 {
  position: absolute;
  width: 3%;
  height: 10%;
  left: 3%;
  top: 50%;

  img {
    max-width: 100% !important;
    height: 90% !important;
    width: 100%;
  }
}

.icon2 {
  position: absolute;
  width: 3%;
  height: 10%;
  left: 3%;
  top: 60%;

  img {
    max-width: 100% !important;
    height: 90% !important;
    width: 100%;
  }
}

/* 颜色设置*/
.color-pre-alarm {
  color: #ff9f45;
}

.color-pre-green {
  color: green;
}
.textContext1 {
  display: flex;
  align-items: center;
  justify-content: center;
  /* 如果你也想水平居中 */
  width: 35px;
  height: 20px;
  background-color: rgba(58, 171, 228, 0.714);
  color: rgb(255, 255, 255);
  font-size: 10px;
  padding-top: 0px;
  text-align: center;
  border-radius: 2px;
  /* 将元素的中心点移动到容器的中心 */
  transform: rotate(360deg);
}

.display {
  display: flex;
}

.open {
  display: flex;
  align-items: center;
  justify-content: center;
  /* 如果你也想水平居中 */
  width: 15px;
  height: 20px;
  background-color: black;
  color: rgb(255, 255, 255);
  font-size: 10px;
  margin-left: 2px;
  margin-right: 2px;
  text-align: center;
  border-radius: 2px;
  cursor: pointer; /* 鼠标悬停时显示为手型，提示可以点击 */
}

.off {
  display: flex;
  align-items: center;
  justify-content: center;
  /* 如果你也想水平居中 */
  width: 15px;
  height: 20px;
  margin-left: 2px;
  margin-right: 2px;
  background-color: black;
  color: rgb(255, 255, 255);
  font-size: 10px;
  text-align: center;
  border-radius: 2px;
  cursor: pointer; /* 鼠标悬停时显示为手型，提示可以点击 */
}

.stop {
  display: flex;
  align-items: center;
  justify-content: center;
  /* 如果你也想水平居中 */
  width: 15px;
  height: 20px;
  margin-left: 2px;
  margin-right: 2px;
  background-color: orange;
  color: rgb(255, 255, 255);
  font-size: 10px;
  text-align: center;
  border-radius: 2px;
  cursor: pointer; /* 鼠标悬停时显示为手型，提示可以点击 */
}
.but {
  width: 100px;
  height: 35px;
  margin-top: 10px;
  border-radius: 5px;
}
.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-content {
  background-color: white;
  padding: 20px;
  width: 200px;
  height: 100px;
  border-radius: 5px;
}

.content {
  background-color: white;
  width: 180px;
  height: 35px;
  border-radius: 5px;
}

.close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 0;
  color: #aaa;
  font-size: 30px;
}

/* 弹窗样式 */
.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 16px;
  z-index: 1000;
  text-align: center;
}
@media print {
  /* 让打印内容居中显示 */
  body {
    font-size: 12px;
    margin: 0;
    padding: 1mm;
  }

  /* 让表格适应打印纸张 */
  table {
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    page-break-inside: auto;
  }

  th, td {
    border: 1px solid black;
    padding: 3px;
    text-align: center;
    font-size: 12px;
    width: 40px;
  }
  thead {
    display: table-header-group; /* 确保表头在每一页重复显示 */
  }
  /* 隐藏所有不需要打印的元素，如按钮、侧边栏等 */
  button, .no-print {
    display: none !important;
  }

  /* 适应不同纸张尺寸 */
  @page {
    size: A4 landscape;
    margin: 5mm;
  }

  /* 避免表格内容被分页截断 */
  tr {
    page-break-inside: avoid;
  }

  /* 自动缩放内容，防止超出页面 */
  html, body {
    width: 297mm;
    height: 210mm;
    overflow: hidden;
  }

  /* 强制分页 */
  .page-break {
    page-break-after: always;
  }
}

